import React, { Component } from 'react';

function Header() {
  return (
    <h2>我是Header组件</h2>
  )
}

function Banner() {
  return <h3>我是Banner组件</h3>
}

function ProductList() {
  return (
    <div>
      <ul>
        <li>商品列表1</li>
        <li>商品列表2</li>
        <li>商品列表3</li>
        <li>商品列表4</li>
        <li>商品列表5</li>
      </ul>
    </div>
  )
}

function Main() {
  return (
    <div>
      <Banner></Banner>
      <ProductList></ProductList>
    </div>
  )
}

function Footer() {
  return (
    <h2>我是Footer组件</h2>
  )
}

class App extends Component {
  render() {
    return (
      <div>
        <Header></Header>
        <Main></Main>
        <Footer></Footer>
      </div>
    );
  }
}

export default App;